<template>
  <div>
    <MyLayoutHeader></MyLayoutHeader>
    <GoodsList></GoodsList>
  </div>
</template>
  
<script>
import MyLayoutNav from "@/layout/components/MyLayoutNav.vue";
import MyLayoutHeader from "@/layout/components/MyLayoutHeader.vue";
import GoodsList from "@/views/user/goodsList.vue";

export default {
  name: "ShowGoodsMain",
  data() {
    return {
      // activeIndex: "1"
    };
  },
  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
    async logout() {
      this.$confirm("确定注销并退出系统吗？", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          this.$store.dispatch("LogOut").then(() => {
            location.href = "/index";
          });
        })
        .catch(() => {});
    }
  },
  components: {
    MyLayoutNav,
    MyLayoutHeader,
    GoodsList
  }
};
</script>
  
<style scoped lang="scss">
.el-row {
  margin-bottom: 20px;
  &:last-child {
    margin-bottom: 0;
  }
}
.el-col {
  border-radius: 4px;
}
.bg-purple-dark {
  background: #99a9bf;
}
.bg-purple {
  background: #d3dce6;
}
.bg-purple-light {
  background: #e5e9f2;
}
.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
.row-bg {
  padding: 10px 0;
  background-color: #f9fafc;
}
</style>
  
  